﻿<!--
author:周妍，田新宇，杨光
create time:2020-07-15
update time:2020-07-18
 -->
{% extends 'login/../base.html' %}
{% load static %}
{% block title %}首页{% endblock %}
{% block css %}
    <link href="{% static 'css/login.css' %}" rel="stylesheet"/>
    <link rel="stylesheet" href="{% static 'bootstrap-3.3.7-dist/css/bootstrap.min.css' %}" />
    <link rel="stylesheet" href="{% static 'bootstrap-3.3.7-dist/css/font-icons.css'%}" />
    <link rel="stylesheet" href="{% static 'bootstrap-3.3.7-dist/css/sliders.css'%}" />
    <link rel="stylesheet" href="{% static 'bootstrap-3.3.7-dist/css/style.css'%}" />
    <link rel="stylesheet" href="{% static 'bootstrap-3.3.7-dist/css/responsive.css'%}" />
    <link rel="stylesheet" href="{% static 'bootstrap-3.3.7-dist/css/spacings.css'%}" />
    <link rel="stylesheet" href="{% static 'bootstrap-3.3.7-dist/css/animate.min.css'%}" />
{% endblock %}
<!DOCTYPE html>
<html lang="en">
<head>
  <title>主页</title>

  <meta charset="utf-8">
  <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="description" content="">
  
  <!-- Google Fonts -->
  <link href='http://fonts.googleapis.com/css?family=Raleway:300,400%7COpen+Sans:400,400i,700%7CLibre+Baskerville:400i' rel='stylesheet'>

  <!-- Css文件 -->
  <link rel="stylesheet" href="../../../static/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
  <link rel="stylesheet" href="../../../static/bootstrap-3.3.7-dist/css/font-icons.css" />
  <link rel="stylesheet" href="../../../static/bootstrap-3.3.7-dist/css/sliders.css" />
  <link rel="stylesheet" href="../../../static/bootstrap-3.3.7-dist/css/style.css" />
  <link rel="stylesheet" href="../../../static/bootstrap-3.3.7-dist/css/responsive.css" />
  <link rel="stylesheet" href="../../../static/bootstrap-3.3.7-dist/css/spacings.css" />
  <link rel="stylesheet" href="../../../static/bootstrap-3.3.7-dist/css/animate.min.css" />

</head>
{% block content %}
<body class="relative">

  <!-- 预加载 -->
{% comment %}  <div class="loader-mask">
    <div class="loader">
      <div></div>
      <div></div>
    </div>
  </div>{% endcomment %}

  <div class="main-wrapper oh">

    <header class="nav-type-1 dark-nav">

      <!-- 全屏搜索 -->
      <div class="search-wrap">
        <div class="search-inner">
          <div class="search-cell">
            <form method="get">
              <div class="search-field-holder">
                <input type="search" class="form-control main-search-input" placeholder="Search for">
                <div class="search-submit-icon"><i class="icon icon_search"></i></div>
                <input type="submit" class="search-submit" value="search">
              </div>            
            </form>
          </div>
        </div>
        <i class="icon icon_close search-close" id="search-close"></i>
      </div>
      <!-- end 全屏搜索 -->

      <!--导航条-->
      {% comment %}<nav class="navbar navbar-fixed-top">
        <div class="navigation">
          <div class="container relative">

            <div class="row">

              <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </button>
              </div><!-- end navbar-header -->



              <!-- side menu -->
              <div class="side-menu nav-left hidden-sm hidden-xs">
                <div class="nav-inner">
                  <div class="nav-search-wrap hidden-sm hidden-xs">
                    <a href="#" class="nav-search search-trigger">
                      <i class="icon icon_search"></i>
                    </a>
                  </div>
                </div>
              </div> <!-- end side menu -->

              <div class="col-md-12 nav-wrap">
                <div class="collapse navbar-collapse text-center" id="navbar-collapse">

                  <ul class="nav navbar-nav">

					<li><a href="index.html">首页</a></li>
					<li><a href="../course/courseInfo.html">课程</a></li>
                    <li><a href="user_center.html">个人中心</a></li>


                    <li id="mobile-search" class="hidden-lg hidden-md">
                      <form method="get" class="mobile-search">
                        <input type="search" class="form-control" placeholder="Search...">
                        <button type="submit" class="search-button">
                          <i class="icon icon_search"></i>
                        </button>
                      </form>
                    </li>


                     <li><a href="/login/">登录</a></li>
                     <li><a href="/register/">注册</a></li>
                  </ul>
                    <!-- end 菜单栏 -->
                </div>
                <!-- end collapse -->
              </div> <!-- end col -->


              <!-- side menu -->
              <!--<div class="side-menu right mobile-left-align">
                <div class="nav-inner menu-socials social-icons">
                  <div class="right">
                    <a href="#"><i class="fa fa-instagram"></i></a>
                    <a href="#"><i class="fa fa-facebook"></i></a>
                    <a href="#"><i class="fa fa-twitter"></i></a>
                    <a href="#"><i class="fa fa-pinterest-p"></i></a>
                    <a href="#"><i class="fa fa-heart"></i></a>
                  </div>
                </div>
              </div> --><!-- end side menu -->
          
            </div> <!-- end row -->
          </div> <!-- end container -->
        </div> <!-- end navigation -->
      </nav> {% endcomment %}<!-- end navbar -->
    </header>

    <section class="header-wrap hero-section ">
      <div class="container">
        <div class="logo-container text-center">
          <div class="logo-wrap">
            <a href="index.html">
              <img class="logo-dark" src="../../../static/images/image/logo_dark_big.png" alt="" style="position: center">
            </a>
          </div>
        </div>
      </div>
    </section>

    <div class="content-wrapper oh">

      <!-- 热门课程信息  -->
      <section class="section-wrap latest-stories pb-0">
        <div class="container-fluid nopadding">

          <div class="heading-row text-center mb-40">
            <h2 class="heading uppercase small">热门课程</h2>
          </div>

          <div id="main-slider" class="flickity-slider-wrap">

            <div class="gallery-cell">
              <article>
                <a href="../course/courseInfo.html" class="entry-img">
                  <img src="../../../static/images/image/main_slide_1.png" alt="">
                  <span class="entry-category">开课中</span>
                </a>
                <div class="entry text-center">                  
                  <h4 class="entry-title uppercase"><a href="../course/courseInfo.html">生物大数据</a></h4>
                  <p class="entry-content">福建农林大学-何华勤</p>
                  <span class="entry-date">Jul 14, 2020</span>
                </div>
              </article>
            </div>

            <div class="gallery-cell">
              <article>
                <a href="../course/courseInfo.html" class="entry-img">
                  <img src="../../../static/images/image/main_slide_2.png" alt="">
                  <span class="entry-category">已结束</span>
                </a>
                <div class="entry text-center">                  
                  <h4 class="entry-title uppercase"><a href="../course/courseInfo.html">中国古代都城研究</a></h4>
                  <p class="entry-content">浙江大学-张颖岚</p>
                  <span class="entry-date">Jul 14, 2020</span>
                </div>
              </article>
            </div>

            <div class="gallery-cell">
              <article>
                <a href="../course/courseInfo.html" class="entry-img">
                  <img src="../../../static/images/image/main_slide_3.png" alt="">
                  <span class="entry-category">未开课</span>
                </a>
                <div class="entry text-center">
                  <h4 class="entry-title uppercase"><a href="../course/courseInfo.html">人工智能导论</a></h4>
                  <p class="entry-content">电子科技大学-刘若辰</p>
                  <span class="entry-date">Jul 14, 2020</span>
                </div>
              </article>
            </div>

            <div class="gallery-cell">
              <article>
                <a href="../course/courseInfo.html" class="entry-img">
                  <img src="../../../static/images/image/main_slide_4.png" alt="">
                  <span class="entry-category">已结束</span>
                </a>
                <div class="entry text-center">
                  <h4 class="entry-title uppercase"><a href="../course/courseInfo.html">中国古代陶瓷</a></h4>
                  <p class="entry-content">首都师范大学-袁泉</p>
                  <span class="entry-date">Jul 14, 2020</span>
                </div>
              </article>
            </div>

            <div class="gallery-cell">
              <article>
                <a href="/course_detail/?id=1" class="entry-img">
                  <img src="../../../static/images/image/recent_1.png" alt="">
                  <span class="entry-category">开课中</span>
                </a>
                <div class="entry text-center">
                  <h4 class="entry-title uppercase"><a href="/course_detail/?id=1">数据结构</a></h4>
                  <p class="entry-content">浙江大学-陈越</p>
                  <span class="entry-date">Jul 14, 2020</span>
                </div>
              </article>
            </div>

            <div class="gallery-cell">
              <article>
                <a href="/course_detail/?id=3" class="entry-img">
                  <img src="../../../static/images/image/recent_3.png" alt="">
                  <span class="entry-category">开课中</span>
                </a>
                <div class="entry text-center">
                  <h4 class="entry-title uppercase"><a href="/course_detail/?id=3">太极拳医学</a></h4>
                  <p class="entry-content">四川大学-田汉文</p>
                  <span class="entry-date">Jul 14, 2020</span>
                </div>
              </article>
            </div>

          </div>
        </div>
      </section> <!-- end latest stories -->

      <!-- Content -->
      <section class="content blog-standard">
        <div class="container relative">
          <div class="row">
            
            <!-- post content -->
            <div class="col-md-9 post-content mb-50">

              <!-- large post -->
              <article class="entry-item large-post">

                <div class="entry-header">
                  <a href="#" class="entry-category">To.Night大学公共课程共享资源管理平台</a>
                  <h2 class="entry-title">
                    <a href=""></a>
                  </h2>
                </div>
                
                <div class="entry-img">
                  <a href="">
                    <img src="../../../static/images/image/featured_post.png" alt="">
                  </a>
                </div>

                <div class="entry-wrap">
                  <div class="entry">                    
                                        
                    <div class="entry-content">
                      <p>大学通识教育是这几年流行起来的一种教学方法。各个大学，各个院系各自有各自的教育资源和擅长的课程，但学生如果跨院系甚至跨学校来了解和参与这些课程，没有好的统一的一个平台来发现和参与。ToNight大学公共课程资源共享管理平台提供一个将多个大学的选修课集中在一起进行发布和管理的一个平台，学生可以在上面选择不同学校和不同院系的课程来参与。
                      </p>
                      <div class="text-center">
                        <a href="blog-single.html" class="read-more underline-link">Read More</a>
                      </div>
                    </div>

                    <div class="entry-meta-wrap clearfix">
                      <ul class="entry-meta">
                        <li class="entry-date">
                          <a href="#">August 30, 2016</a>
                        </li>                 
                        <li class="entry-comments">
                          <a href="blog-single.html">2 Comments</a>
                        </li>             
                      </ul>

                      <!--<div class="social-icons right">
                        <a href="#">
                          <i class="fa fa-instagram"></i>
                        </a>
                        <a href="#">
                          <i class="fa fa-facebook"></i>
                        </a>
                        <a href="#">
                          <i class="fa fa-twitter"></i>
                        </a>                        
                        <a href="#">
                          <i class="fa fa-pinterest-p"></i>
                        </a>
                        <a href="#">
                          <i class="fa fa-heart"></i>
                        </a>
                      </div>-->
                    </div>

                  </div>
                </div>
              </article> <!-- end 平台介绍 -->

              <!-- 大学介绍 -->
              <div class="row items-grid">
                <div class="col-sm-6">
                  <article class="entry-item" >
                    <div class="entry-img" style="height: 220px">
                      <a href="/course_school/?course_school=中国人民大学">
                        <img src="../../../static/images/image/post_1.jpg">
                      </a>
                    </div>
                    <div class="entry-header">
                      <a href="/course_school/?course_school=中国人民大学" class="entry-category">Renmin University of China (RUC)</a>
                      <h2 class="entry-title">
                        <a href="/course_school/?course_school=中国人民大学">中国人民大学 </a>
                      </h2>
                    </div>
                    <div class="entry-wrap">
                      <div class="entry">                                            
                        <div class="entry-content">
                          <p>
                            中国人民大学，简称“人大”，由中华人民共和国教育部直属、中央直管副部级建制，教育部与北京市共建，位列国家首批“双一流”（A类）、“211工程”、“985工程”，，是一所以人文社会科学为主的综合性研究型全国重点大学。
                          </p>
                        </div>
                        <div class="entry-meta-wrap clearfix">
                          <ul class="entry-meta">
                            <!--<li class="entry-date">
                              <a href="#">August 30, 2016</a>
                            </li>  -->
                            <li class="entry-comments">
                              <a href="/course_school/?course_school=中国人民大学">476 courses</a>
                            </li>             
                          </ul>
                        </div>
                      </div>
                    </div>
                  </article>
                </div>

                <div class="col-sm-6">
                  <article class="entry-item">                                        
                    <div class="entry-img" style="height: 220px">
                      <a href="/course_school/?course_school=北京交通大学">
                        <img src="../../../static/images/image/post_2.jpg" alt="" >
                      </a>
                    </div>
                    <div class="entry-header">
                      <a href="/course_school/?course_school=北京交通大学" class="entry-category">Beijing Jiaotong University（BJTU）</a>
                      <h2 class="entry-title">
                        <a href="/course_school/?course_school=北京交通大学">北京交通大学 </a>
                      </h2>
                    </div>
                    <div class="entry-wrap">
                      <div class="entry">
                        <div class="entry-content">
                          <p>
                            北京交通大学是教育部直属，教育部、北京市人民政府、中国铁路总公司共建的全国重点大学，“211工程”“985工程优势学科创新平台”项目建设高校和具有研究生院的全国首批博士、硕士学位授予高校。学校前身是1896年清政府创办的北京铁路管理传习所。2003年恢复使用“北京交通大学”校名。2017年，学校正式进入国家“双一流”建设行列，将围绕优势特色学科，重点建设“智慧交通”世界一流学科领域。                          </p>
                        </div>
                        <div class="entry-meta-wrap clearfix">
                          <ul class="entry-meta">
                            <!--<li class="entry-date">
                              <a href="#">August 30, 2016</a>
                            </li>  -->
                            <li class="entry-comments">
                              <a href="/course_school/?course_school=北京交通大学">476 courses</a>
                            </li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </article>
                </div>

                <div class="col-sm-6">
                  <article class="entry-item">                                        
                    <div class="entry-img" style="height: 220px;position: center">
                      <a href="/course_school/?course_school=武汉大学">
                        <img src="../../../static/images/image/post_3.png" alt=" ">
                      </a>
                    </div>
                    <div class="entry-header">
                      <a href="/course_school/?course_school=武汉大学" class="entry-category">Wuhan University (WHU)</a>
                      <h2 class="entry-title">
                        <a href="/course_school/?course_school=武汉大学">武汉大学</a>
                      </h2>
                    </div>
                    <div class="entry-wrap">
                      <div class="entry">                                            
                        <div class="entry-content">
                          <p>
                            武汉大学（Wuhan University），简称“武大”，是中华人民共和国教育部直属、中央直管副部级建制的综合性全国重点大学；位列“世界一流大学和一流学科”、“985工程”、“211工程”；入选“珠峰计划”、“强基计划”、“2011计划”、“111计划”、卓越工程师教育培养计划、卓越法律人才教育培养计划、卓越医生教育培养计划、国家建设高水平大学公派研究生项目、国家级新工科研究与实践项目等重点建设；是首批学位授权自主审核单位、中国政府奖学金来华留学生接收院校、全国深化创新创业教育改革示范高校、一流网络安全学院建设示范项目高校、国家大学生文化素质教育基地、大众创业万众创新示范基地、第一批全国普通高校中华优秀传统文化传承基地，被《Science》期刊列为“中国最杰出的大学之一”。
                          </p>
                        </div>
                        <div class="entry-meta-wrap clearfix">
                          <ul class="entry-meta">

                            <li class="entry-comments">
                              <a href="/course_school/?course_school=武汉大学">120 courses</a>
                            </li>             
                          </ul>
                        </div>
                      </div>
                    </div>
                  </article>
                </div>

                <div class="col-sm-6">
                  <article class="entry-item">
                    <div class="entry-img" style="height: 220px;position: center">
                      <a href="/course_school/?course_school=北京大学">
                        <img src="../../../static/images/image/post_4.png"><!--alt=""-->
                      </a>
                    </div>
                    <div class="entry-header">
                      <a href="/course_school/?course_school=北京大学" class="entry-category">Peking University（PKU）</a>
                      <h2 class="entry-title">
                        <a href="/course_school/?course_school=北京大学">北京大学 </a>
                      </h2>
                    </div>
                    <div class="entry-wrap">
                      <div class="entry">
                        <div class="entry-content">
                          <p>
                            北京大学（Peking University），简称“北大”，由中华人民共和国教育部直属，中央直管副部级建制，位列“世界一流大学和一流学科”、“211工程”、“985工程”，入选“基础学科拔尖学生培养试验计划”、“高等学校创新能力提升计划”、“高等学校学科创新引智计划”，为九校联盟、松联盟、中国大学校长联谊会、京港大学联盟、亚洲大学联盟、东亚研究型大学协会、国际研究型大学联盟、环太平洋大学联盟、21世纪学术联盟、东亚四大学论坛、国际公立大学论坛、中俄综合性大学联盟成员。
                          </p>
                        </div>
                        <div class="entry-meta-wrap clearfix">
                          <ul class="entry-meta">
                            <!--<li class="entry-date">
                              <a href="#">August 30, 2016</a>
                            </li>  -->
                            <li class="entry-comments">
                              <a href="/course_school/?course_school=北京大学">476 courses</a>
                            </li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </article>
                </div>


              </div> <!-- end grid posts -->

              <!-- 教师资源介绍 ！后期再加 -->
              <!--<article class="entry-item large-post">

                <div class="entry-header">
                  <a href="#" class="entry-category">Lifestyle</a>
                  <h2 class="entry-title">
                    <a href="blog-single.html">escape from reality</a>
                  </h2>
                </div>
                
                <a href="blog-single.html" class="entry-slider">
                  <div class="flexslider" id="flexslider">
                    <ul class="slides clearfix">
                      <li>
                        <img src="img/image/gallery_post_1.jpg" alt="">
                      </li>
                      <li>
                        <img src="img/image/gallery_post_2.jpg" alt="">
                      </li>
                      <li>
                        <img src="img/image/gallery_post_3.jpg" alt="">
                      </li>
                    </ul>
                  </div>
                </a> &lt;!&ndash; end slider &ndash;&gt;

                <div class="entry-wrap">
                  <div class="entry">                    
                                        
                    <div class="entry-content">
                      <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quisma bibendum auctor, nisi elit consequat ipsum, necsagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi acumsan ipsum velit. Nam nec tellusb a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. Class aptent tacitioci Nullam ac urnaeu felis dapibus condi  entum sit amet a augue osqu ad litora torquent per conubia nostra, perada inceptos...
                      </p>
                      <div class="text-center">
                        <a href="blog-single.html" class="read-more underline-link">Read More</a>
                      </div>
                    </div>

                    <div class="entry-meta-wrap clearfix">
                      <ul class="entry-meta">
                       &lt;!&ndash; <li class="entry-date">
                          <a href="#">August 30, 2016</a>
                        </li>&ndash;&gt;
                        <li class="entry-comments">
                          <a href="blog-single.html">1230 courses</a>
                        </li>             
                      </ul>

                      <div class="social-icons right">
                        <a href="#">
                          <i class="fa fa-instagram"></i>
                        </a>
                        <a href="#">
                          <i class="fa fa-facebook"></i>
                        </a>
                        <a href="#">
                          <i class="fa fa-twitter"></i>
                        </a>                        
                        <a href="#">
                          <i class="fa fa-pinterest-p"></i>
                        </a>
                        <a href="#">
                          <i class="fa fa-heart"></i>
                        </a>
                      </div>
                    </div>

                  </div>
                </div>
              </article>--> <!-- end 教师资源 -->

              <!-- 不知道是什么暂时留着 -->
              <!--<div class="row">
                <div class="col-sm-6">
                  <article class="entry-item">                                        
                    <div class="entry-img">
                      <a href="blog-single.html">
                        <img src="img/image/post_6.jpg" alt="">
                      </a>
                    </div>
                    <div class="entry-header">
                      <a href="#" class="entry-category">Travel</a>
                      <h2 class="entry-title">
                        <a href="blog-single.html">Trip in Brazil</a>
                      </h2>
                    </div>
                    <div class="entry-wrap">
                      <div class="entry">                                            
                        <div class="entry-content">
                          <p>Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulput ate cursus a sit amet mauris. Morbi accumsan ipsum velit. Namec elit tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae...
                          </p>
                        </div>
                        <div class="entry-meta-wrap clearfix">
                          <ul class="entry-meta">
                            <li class="entry-date">
                              <a href="#">August 30, 2016</a>
                            </li>                 
                            <li class="entry-comments">
                              <a href="blog-single.html">2 Comments</a>
                            </li>             
                          </ul>
                        </div>
                      </div>
                    </div>
                  </article>
                </div>

                <div class="col-sm-6">
                  <article class="entry-item">                                        
                    <div class="entry-img">
                      <a href="blog-single.html">
                        <img src="img/image/post_7.jpg" alt="">
                      </a>
                    </div>
                    <div class="entry-header">
                      <a href="#" class="entry-category">Travel</a>
                      <h2 class="entry-title">
                        <a href="blog-single.html">Happy Lifetime</a>
                      </h2>
                    </div>
                    <div class="entry-wrap">
                      <div class="entry">                                            
                        <div class="entry-content">
                          <p>Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulput ate cursus a sit amet mauris. Morbi accumsan ipsum velit. Namec elit tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae...
                          </p>
                        </div>
                        <div class="entry-meta-wrap clearfix">
                          <ul class="entry-meta">
                            <li class="entry-date">
                              <a href="#">August 30, 2016</a>
                            </li>                 
                            <li class="entry-comments">
                              <a href="blog-single.html">2 Comments</a>
                            </li>             
                          </ul>
                        </div>
                      </div>
                    </div>
                  </article>
                </div>
              </div>--> <!-- end grid posts -->

              <!--点击进入课程详情界面-->
             <!-- <div class="row mt-20">
                <div class="col-md-12 text-center">
                  <a href="#" class="btn btn-md btn-stroke" id="load-more">Load More</a>
                </div>
              </div>-->


            </div> <!-- end col -->
            
            <!-- Sidebar -->
            <aside class="col-md-3 sidebar">

              <div class="widget about-blog text-center">
                <div class="heading-lines">
                  <h3 class="widget-title heading">About Me</h3>
                </div>
                <img src="../../../static/images/image/imageabout_me.jpg" alt="">
                <p class="mb-20 mt-30">找到我们：</p>
                  <p class="mb-20 mt-30">武汉大学计算机学院</p>
                <img src="../../../static/images/image/imagesignature.png" alt="">
              </div>


              <!-- 装个样子吧挺好看的 订阅邮件
              <div class="widget newsletter">
                <div class="heading-lines">
                  <h3 class="widget-title heading">Newsletter</h3>
                </div>
                <form class="relative newsletter-form">
                  <input type="email" placeholder="Your email address">
                </form>
                <input type="submit" value="订阅" id="submit-button" class="btn btn-lg btn-color">
              </div>              
                -->

              <!-- 写个我们自己的成员名字？ -->
              <div class="widget instagram">
                <div class="heading-lines">
                  <h3 class="widget-title heading">Members</h3>
                </div>
                <ul id="instafeed-grid">
                    <p> 俞婧 </p>
                    <p> 杨光 </p>
                    <p> 周妍 </p>
                    <p> 田新宇 </p>
                    <p> 王晓 </p>
                </ul>
              </div>

              <!-- Categories -->
              <div class="widget categories">
                <div class="heading-lines">
                  <h3 class="widget-title heading">Categories</h3>
                </div>
                <ul class="list-dividers">
                  <li>
                    <a href="#">计算机类</a><span>(8888)</span>
                  </li>
                  <li>
                    <a href="#">文史哲类</a><span>(1421)</span>
                  </li>
                  <li>
                    <a href="#">心理学类</a><span>(535)</span>
                  </li>
                  <li>
                    <a href="#">体育运动类</a><span>(332)</span>
                  </li>
                  <li>
                    <a href="#">外语类</a><span>(75)</span>
                  </li>
                </ul>
              </div>

              <!-- 放个logo看看吧！ -->
              <div class="widget custom-ad-banner">
                <a href="#">
                  <img src="../../../static/images/logo.png" height="100" width="180" alt="">
                </a>
              </div>

              <!-- 最新开课列表 -->
              <div class="widget recent-posts">
                <div class="heading-lines">
                  <h3 class="widget-title heading">最新开课</h3>
                </div>
                <div class="entry-list w-thumbs">
                  <ul class="posts-list list-dividers">
                    <li class="entry-li">
                      <article class="post-small clearfix">
                        <div class="entry-img">
                          <a href="/course_detail/?id=1">
                            <img src="../../../static/images/image/recent_1.png" alt="">
                          </a>
                        </div>
                        <div class="entry">
                          <h3 class="entry-title"><a href="/course_detail/?id=1">数据结构</a></h3>
                          <ul class="entry-meta list-inline">
                            <li class="entry-date">
                              <a href="/course_detail/?id=1">浙江大学 进行至第6周，共14周</a>
                            </li>
                          </ul>
                        </div>
                      </article>
                    </li>
                    <li class="entry-li">
                      <article class="post-small clearfix">
                        <div class="entry-img">
                          <a href="/course_detail/?id=2">
                            <img src="../../../static/images/image/recent_2.png" alt="">
                          </a>
                        </div>
                        <div class="entry">
                          <h3 class="entry-title"><a href="/course_detail/?id=2">运动解剖学</a></h3>
                          <ul class="entry-meta list-inline">
                            <li class="entry-date">
                              <a href="/course_detail/?id=2">成都体育学院 进行至第1周，共7周</a>
                            </li>
                          </ul>
                        </div>
                      </article>
                    </li>
                    <li class="entry-li">
                      <article class="post-small clearfix">
                        <div class="entry-img">
                          <a href="/course_detail/?id=3">
                            <img src="../../../static/images/image/recent_3.png" alt="">
                          </a>
                        </div>
                        <div class="entry">
                          <h3 class="entry-title"><a href="/course_detail/?id=3">太极拳医学</a></h3>
                          <ul class="entry-meta list-inline">
                            <li class="entry-date">
                              <a href="/course_detail/?id=3">四川大学 进行至第1周，共5周</a>
                            </li>
                          </ul>
                        </div>
                      </article>
                    </li>
                    <li class="entry-li">
                      <article class="post-small clearfix">
                        <div class="entry-img">
                          <a href="blog-single.html">
                            <img src="../../../static/images/image/recent_4.png" alt="">
                          </a>
                        </div>
                        <div class="entry">
                          <h3 class="entry-title"><a href="magazine-single-article.html">动态几何画板Geogebra教学应用</a></h3>
                          <ul class="entry-meta list-inline">
                            <li class="entry-date">
                              <a href="#">爱课程教学团队 进行至第1周，共12周 </a>
                            </li>
                          </ul>
                        </div>
                      </article>
                    </li>
                  </ul>
                </div>
              </div>

              <!--  -->
          <!--    <div class="widget categories">
                <div class="heading-lines">
                  <h3 class="widget-title heading">Latest Tweets</h3>
                </div>
                <div class="twitter-slider text-center">
                  <i class="fa fa-twitter twitter-icon"></i>
                  <a href="#">@deothemes</a>
                  <div id="tweets"></div>
                </div>
              </div>-->

            </aside> <!-- end sidebar -->
      
          </div> <!-- end row -->
        </div> <!-- end container -->
      </section> <!-- end content -->

      <!-- Footer Type-1 -->
      <footer class="footer footer-type-1 bg-dark">
        <div class="bottom-footer">
          <div class="container">
            <div class="row">

              <div class="col-sm-12 copyright text-center">
                <span>
                  Copyright &copy; 2020.To.Night All rights reserved.</a>
                </span>
              </div>

            </div>
          </div>
        </div>
      </footer> <!-- end footer -->


      <div id="back-to-top">
        <a href="#top"><i class="fa fa-angle-up"></i></a>
      </div>

    </div> <!-- end content wrapper -->
  </div> <!-- end main wrapper -->

  <!-- jQuery Scripts -->
  <script type="text/javascript" src="../../../static/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../static/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="../../../static/js/plugins.js"></script>

  <script type="text/javascript" src="../../../static/js/scripts.js"></script>

</body>
{% endblock %}
</html>
